<template>
   <div class="table-list">
    <el-card>
      <div class="head-container">
        <!-- 日期 -->
        <div class="date">
         日期 <el-date-picker
          type="daterange"
          range-separator=" 至 "
         >
          </el-date-picker>
        </div>
        <!-- 地址 -->
        <div class="adderss"></div>
   
      
      </div>
     
      <!-- 表单数据 -->
      <el-table  v-loading="loading" :data="list" max-height="700" size="small" border style="width: 100%; margin-top: 20px;">
          <el-table-column prop="locationName" label="日期" />
          <el-table-column prop="building" label="时间" />
          <el-table-column prop="floor" label="用户" />
          <el-table-column prop="pointName" label="医院" />
          <el-table-column prop="pointName" label="楼栋" />
          <el-table-column prop="pointName" label="楼层" />
          <el-table-column prop="pointName" label="科室/房间" />
         
      </el-table>
    </el-card>
    <!--分页组件-->
    <!--分页组件-->
    <el-pagination
      :total="total"
      :current-page="page"
      background
      style="margin-top: 8px;"
      layout="total, prev, pager, next, sizes"
      @size-change="sizeChange"
      @current-change="pageChange"
    />
  </div>
</template>

<script>
export default {
  name: 'Statistical',
  data() {
    return {
      total: 0,
      page: 1,
      loading: false,
      list: []
    }
  },
  methods: {
    sizeChange(size) {
      this.size = size
      this.getList()
    },
    pageChange(page) {
      this.page = page
      this.getList()
    },
    getList() {}
  }
 
  
}
</script>
<style lang="scss" scoped>
.way-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.el-card {
  flex: 1;
}
</style>
